<div>{{ htmlEl }}</div>
<div [innerHTML]='htmlEl'></div>
<h2>My Heroes</h2>
<ul #heroesUL class="heroes">
  <li *ngFor="let hero of heroes">
    <a routerLink="/detail/{{ hero.id }}" (mouseenter)="onMouseEnter(heroesUL)">
      <span class="badge">{{ hero.id }}</span> {{ hero.name }}
    </a>
  </li>
</ul>

<!-- <!-- <app-hero-detail bind-hero="heroes" [hero]="selectedHero"></app-hero-detail> --> -->
